<template>
  <view>
    <BaseNavbar :title="title" />
    <ComList class="live_list" :loading-type="loadingType">
      <CloudVideoCard v-for="item in listData" :key="item.id" :info="item" />
    </ComList>
  </view>
</template>

<script>
import BaseNavbar from "@/components/base/BaseNavbar.vue";
import ComList from "@/components/list/ComList.vue";
import CloudVideoCard from "@/components/card/CloudVideoCard.vue";
import myPull from "@/mixins/myPull.js";
export default {
  components: { BaseNavbar, ComList, CloudVideoCard },
  data() {
    return {
      title: "最近直播",
    };
  },
  methods: {
    getList(page, done) {
      let data = {
        recommended: false,
        page,
        limit: 10,
        cat_id: this.tabList?.[this.curTabIndex]?.id,
      };
      this.$u.api.articleList(data).then((res) => {
        done(res);
      });
    },
  },
  onLoad() {
    this.refresh();
  },
  mixins: [myPull()],
};
</script>

<style lang="scss" scoped>
.live_list {
  ::v-deep .list {
    padding-top: 0;
  }
}
</style>